<div id="api-list">
    <h2 class="off-left">Table of contents</h2>
        
    <h3>Quick links</h3>
    <ul id="quick-links">
        <li><a target="_blank" href="http://joopl.codeplex.com">Official CodePlex site</a></li>
        <li><a target="_blank" href="http://joopl.codeplex.com/SourceControl/BrowseLatest">Browse latest source code</a></li>
        <li><a target="_blank" href="http://joopl.codeplex.com/discussions">Discussions</a></li>
        <li><a target="_blank" href="http://joopl.codeplex.com/workitem/list/basic">Issue tracker</a></li>
    </ul>

    <div id="api-tabview" class="tabview">
        <ul class="tabs" style="display: none">
            <li><a href="#api-classes">Classes</a></li>
            <li style="display: none"><a href="#api-modules">Modules</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="Type to filter APIs">
        </div>

        <div id="api-tabview-panel">
            <ul id="api-classes" class="apis classes">
            {{#classes}}
                <li><a href="{{../projectRoot}}classes/{{name}}.html">{{displayName}}</a></li>
            {{/classes}}
            </ul>

            <ul id="api-modules" class="apis modules" style="display: none">
            {{#allModules}}
                <li><a href="{{../projectRoot}}modules/{{name}}.html">{{displayName}}</a></li>
            {{/allModules}}
            </ul>
        </div>
    </div>
</div>
